/*!
 * HTML5 logo and custom button icons for jQuery Mobile
 * http://code.google.com/p/html5-icons-for-jquery-mobile/
 *
 * CC BY, Li Jin (http://www.lijinit.name/)
 * Licensed under a Creative Commons Attribution 3.0 Unported License.
 * http://creativecommons.org/licenses/by/3.0/
 * Based on HTML5 Logo by W3C (http://www.w3.org/).
 * 
 * CSS stylesheet based on jQuery Mobile v1.0
 * http://jquerymobile.com/
 * Copyright 2011 (c) jQuery Project
 */
 
/**
 * Special background for HTML5 badge.
 * Browsers with CSS3 border radius and rgba colour support will render
 * this badge as a circular icon.
 * Other browsers will render a normal badge over a white square.
 */
 .ui-icon-html5-badge{background:#efefef;background:rgba(227,76,26,.9)}
/**
 * 18 White v2
 */
 .ui-icon-html5-3d,
 .ui-icon-html5-badge,
 .ui-icon-html5-connectivity,
 .ui-icon-html5-css3,
 .ui-icon-html5-device,
 .ui-icon-html5-multimedia,
 .ui-icon-html5-offline,
 .ui-icon-html5-performance,
 .ui-icon-html5-semantics{
          background-image:url(images/html5-icons-18-white-v2.png);
         background-repeat:no-repeat}
/**
 * 18 Black v2
 */
 .ui-icon-alt.ui-icon-html5-3d,
 .ui-icon-alt.ui-icon-html5-connectivity,
 .ui-icon-alt.ui-icon-html5-css3,
 .ui-icon-alt.ui-icon-html5-device,
 .ui-icon-alt.ui-icon-html5-multimedia,
 .ui-icon-alt.ui-icon-html5-offline,
 .ui-icon-alt.ui-icon-html5-performance,
 .ui-icon-alt.ui-icon-html5-semantics{
          background-image:url(images/html5-icons-18-black-v2.png)}
/**
 * High resolution screen
 */
 @media only screen and (-webkit-min-device-pixel-ratio:1.5),
        only screen and (min--moz-device-pixel-ratio:1.5),
        only screen and (min-resolution:240dpi)
 {
 /**
  * 36 White v2
  */
  .ui-icon-html5-3d,
  .ui-icon-html5-badge,
  .ui-icon-html5-connectivity,
  .ui-icon-html5-css3,
  .ui-icon-html5-device,
  .ui-icon-html5-multimedia,
  .ui-icon-html5-offline,
  .ui-icon-html5-performance,
  .ui-icon-html5-semantics{
          background-image:url(images/html5-icons-36-white-v2.png);
      -moz-background-size:432px 18px;
        -o-background-size:432px 18px;
   -webkit-background-size:432px 18px;
           background-size:432px 18px}
 /**
  * 36 Black v2
  */
  .ui-icon-alt.ui-icon-html5-3d,
  .ui-icon-alt.ui-icon-html5-badge,
  .ui-icon-alt.ui-icon-html5-connectivity,
  .ui-icon-alt.ui-icon-html5-css3,
  .ui-icon-alt.ui-icon-html5-device,
  .ui-icon-alt.ui-icon-html5-multimedia,
  .ui-icon-alt.ui-icon-html5-offline,
  .ui-icon-alt.ui-icon-html5-performance,
  .ui-icon-alt.ui-icon-html5-semantics{
          background-image:url(images/html5-icons-36-black-v2.png)}
 }
/**
 * CSS Image Sprites
 */
        .ui-icon-html5-badge{background-position:    -0 50%}
           .ui-icon-html5-3d{background-position: -36px 50%}
 .ui-icon-html5-connectivity{background-position: -72px 50%}
         .ui-icon-html5-css3{background-position:-108px 50%}
       .ui-icon-html5-device{background-position:-144px 50%}
   .ui-icon-html5-multimedia{background-position:-180px 50%}
      .ui-icon-html5-offline{background-position:-216px 50%}
  .ui-icon-html5-performance{background-position:-252px 50%}
    .ui-icon-html5-semantics{background-position:-288px 50%}
